ul#topnav {
	float: left;
	margin: 0;
	padding: 16px 0 0 20px;
	list-style: none;
}
ul#topnav li {
	float: left;
	width: 100px;
	height: 60px;
	margin: 0 20px 0 0;
	padding: 0;
	overflow: hidden;
	/*--Important-Masking out the hover state by default--*/
}
ul#topnav a,
ul#topnav span {
	/*--The <a> and <span> share the same properties since the <span> will be a duplicate of the <a> tag--*/
	float: left;
	width: 100%;
	height: 40px;
	padding: 10px 20px 10px 0;
	clear: both;
	font-weight: normal;
	color: #434343;
	line-height: 20px;
	/*--Vertical alignment of text--*/
	text-decoration: none;
	border-top: 1px solid#c8c8bc;
}
ul#topnav a {
	/*--This is basically the hover state of navigation--*/
	font-weight: bold;
	color: #434343;
	border-top: 2px solid#9c9b85;
}
ul#topnav span {
	/*--Default state of navigation--*/
}
ul#topnav a b,
ul#topnav span b {
	display: block;
	font-weight: normal;
	font-size: 10px;
	color: #747473;
	width:100%;
	line-height: 20px;
}

.aAcasa {
	background:url(../images/top_menu_icons_bg.png) no-repeat 85% top;
}
.aProiecte {
	background:url(../images/top_menu_icons_bg.png) no-repeat 85% -60px;
}
.aLabs {
	background:url(../images/top_menu_icons_bg.png) no-repeat 85% -120px;
}
.aBlog {
	background:url(../images/top_menu_icons_bg.png) no-repeat 85% -180px;
}